<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>登录</title>
		<!--标准mui.css，公共样式--> 
		<link rel="stylesheet" type="text/css" href="../css/mui.min.css"/>
		<link href="../css/iconfont/iconfont.css" rel="stylesheet"/>
		<link rel="stylesheet" type="text/css" href="../css/get_pwdCode.css"/>
		<link rel="stylesheet" type="text/css" href="../css/public.css"/>
		<style>
			.mui-popover{width: 165px;height: 90px;text-align: center;color: black;background: white;}
			.Faq{border-bottom: 1px solid #efeff4;}
			.Faq span {width: 65%;font-size: 16px;display: inline-block;line-height: 25px;text-align: left;}
			.Faq li{padding: 7px 10px;}		
			.Faq i{width: 15%;font-size: 1.3em;text-align: right;display: inline-block;float: left;}	
		</style>
	</head>

	<body class="bg_white">
		<header class="mui-bar mui-bar-nav">
			<h1 class="mui-title">登录</h1>
			<!--<a href="#topPopover" class="mui-pull-right color3">
				<i class="mui-icon mui-icon-bars"></i>			
			</a> -->
		</header>
		<div class="mui-content">
			
			<form class="mui-input-group">
				<div class="mui-input-row m_b16">
					<input type="number" id="j_phone" class="mui-input-clear color3" placeholder="手机号">
				</div>
				<div class="mui-input-row m_b20">    
					<input type="password" id="j_pwd" class="mui-input-clear color3" placeholder="密码">
				</div>
				<div class="mui-clearfix p_tb11">
					<a class="mui-pull-left color6 font14" href="javascript:;" onclick="tool.openNewPage('register.html')">注册账号</a>
					<a class="mui-pull-right color6 font14" href="javascript:;" onclick="tool.openNewPage('forget_pwd.html')">找回密码</a>
				</div>				
				<button id="j_next" type="button" class="mui-btn mui-btn-green bg_green btn-green w100 m_t40 p_tb11_lr15 font16 bg_P b_r8" data-loading-text = "登录中" data-loading-icon-position="right">登录</button>
			</form>			
		</div>
		<!--右上角弹出菜单--> 
		<div id="topPopover" class="mui-popover">	
			<div class="mui-scroll-wrapper">
				<div class="mui-scroll">
					<ul class="mui-table-view Faq">
						<li class="mui-table-view-cell" onclick="tool.openNewPage('login.html')">
							<i class="iconfont icon-yonghu"></i>
							<span>用户端</span>
						</li>
					</ul>
					<ul class="mui-table-view Faq">
						<li class="mui-table-view-cell" onclick="tool.openNewPage('Driver/login.html')">
							<i class="iconfont icon-siji"></i>
							<span>司机端</span>
						</li>
					</ul>	
				</div>
			</div>
		</div>
	</body>
	<!-- Mui core JavaScript-->
	<script type="text/javascript" src="../js/mui.min.js"></script>
	<script type="text/javascript" src="../js/appconfig.js"></script>
	<script type="text/javascript" src="../js/jquery-2.2.4.min.js"></script>
	<script src="../js/app/login.js" type="text/javascript" charset="utf-8"></script>
	
</html>